<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>
    <link href="http://www.bootcss.com/p/layoutit/css/layoutit.css" rel="stylesheet" />
    <!-- Bootstrap -->
    <link href="http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span8">
            <img alt="140x140" src="http://www.hfut.edu.cn/_upload/tpl/01/e1/481/template481/images/logo.png" />
        </div>
        <div class="span4">
            <img alt="140x140" src="images/tu.png" />
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">工大新闻</a>
                </li>
                <li>
                    <a href="#">工大新闻</a>
                </li>
                <li>
                    <a href="#">工大新闻</a>
                </li>
                <li>
                    <a href="#">工大新闻</a>
                </li>
                <li>
                    <a href="#">工大新闻</a>
                </li>
                <li>
                    <a href="#">工大新闻</a>
                </li>
                <li>
                    <a href="#">工大新闻</a>
                </li>
                <li>
                <a href="#">工大新闻</a>
            </li>
                <li class="disabled">
                    <a href="#">学校概况</a>
                </li>
                <li class="dropdown pull-right">
                    <a href="#" data-toggle="dropdown" class="dropdown-toggle">下拉<strong class="caret"></strong></a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="#">操作</a>
                        </li>
                        <li>
                            <a href="#">设置栏目</a>
                        </li>
                        <li>
                            <a href="#">更多设置</a>
                        </li>
                        <li class="divider">
                        </li>
                        <li>
                            <a href="#">分割线</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span10">
            <div class="carousel slide" id="carousel-349969">
                <ol class="carousel-indicators">
                    <li class="active" data-slide-to="0" data-target="#carousel-349969">
                    </li>
                    <li data-slide-to="1" data-target="#carousel-349969">
                    </li>
                    <li data-slide-to="2" data-target="#carousel-349969">
                    </li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="" src="http://www.hfut.edu.cn/_upload/article/images/82/90/29e80a64464c969daf8879803296/cc89fe04-efa4-4391-a2b6-c2df85b84427.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                棒球
                            </h4>
                            <p>
                                棒球运动是一种以棒打球为主要特点，集体性、对抗性很强的球类运动项目，在美国、日本尤为盛行。
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="http://www.hfut.edu.cn/_upload/article/images/9a/33/faa1000c4a7994c8aefb7e3ee632/64556f7f-b0c0-441a-8566-308180e7cebc.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                冲浪
                            </h4>
                            <p>
                                冲浪是以海浪为动力，利用自身的高超技巧和平衡能力，搏击海浪的一项运动。运动员站立在冲浪板上，或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="http://www.hfut.edu.cn/_upload/article/images/81/7e/a3c17ca04340bba493a483b3ddcc/952baf3a-139a-4b3f-9761-b9157465425b.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                自行车
                            </h4>
                            <p>
                                以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。
                            </p>
                        </div>
                    </div>

                    <div class="item">
                        <img alt="" src="http://www.hfut.edu.cn/_upload/article/images/6f/ac/e2ac193544559b0ff830fb48e77c/10da4a15-cb21-4de3-bddd-f7427c917296.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                自行车
                            </h4>
                            <p>
                                以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。
                            </p>
                        </div>
                    </div>

                </div> <a data-slide="prev" href="#carousel-349969" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-349969" class="right carousel-control">›</a>
            </div>
            <div class="row-fluid">
                <div class="span6">
                    <ul>
                        <li>
                            新闻资讯
                        </li>
                        <li>
                            体育竞技
                        </li>
                        <li>
                            娱乐八卦
                        </li>
                        <li>
                            前沿科技
                        </li>
                        <li>
                            环球财经
                        </li>
                        <li>
                            天气预报
                        </li>
                        <li>
                            房产家居
                        </li>
                        <li>
                            网络游戏
                        </li>
                    </ul>
                </div>
                <div class="span6">
                    <ul>
                        <li>
                            新闻资讯
                        </li>
                        <li>
                            体育竞技
                        </li>
                        <li>
                            娱乐八卦
                        </li>
                        <li>
                            前沿科技
                        </li>
                        <li>
                            环球财经
                        </li>
                        <li>
                            天气预报
                        </li>
                        <li>
                            房产家居
                        </li>
                        <li>
                            网络游戏
                        </li>
                    </ul>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span6">
                    <ul>
                        <li>
                            新闻资讯
                        </li>
                        <li>
                            体育竞技
                        </li>
                        <li>
                            娱乐八卦
                        </li>
                        <li>
                            前沿科技
                        </li>
                        <li>
                            环球财经
                        </li>
                        <li>
                            天气预报
                        </li>
                        <li>
                            房产家居
                        </li>
                        <li>
                            网络游戏
                        </li>
                    </ul>
                </div>
                <div class="span6">
                    <ul>
                        <li>
                            新闻资讯
                        </li>
                        <li>
                            体育竞技
                        </li>
                        <li>
                            娱乐八卦
                        </li>
                        <li>
                            前沿科技
                        </li>
                        <li>
                            环球财经
                        </li>
                        <li>
                            天气预报
                        </li>
                        <li>
                            房产家居
                        </li>
                        <li>
                            网络游戏
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="span2">
            <img alt="140x140" src="http://www.bootcss.com/p/layoutit/img/a.jpg" />
            <img alt="140x140" src="http://www.bootcss.com/p/layoutit/img/a.jpg" />
            <img alt="140x140" src="http://www.bootcss.com/p/layoutit/img/a.jpg" />
            <img alt="140x140" src="http://www.bootcss.com/p/layoutit/img/a.jpg" />
            <img alt="140x140" src="http://www.bootcss.com/p/layoutit/img/a.jpg" />
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <p>
                <em>Git</em>是一个分布式的版本控制系统，最初由<strong>Linus Torvalds</strong>编写，用作Linux内核代码的管理。在推出后，Git在其它项目中也取得了很大成功，尤其是在Ruby社区中。
            </p>
        </div>
    </div>
</div>


<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>